<template>
  <div class="success">
    <div class="width1200">
      <img src="../assets/success.png"
           alt="">
      <div class="msg">{{ title }}</div>
      <div @click="link" class="point">{{ nameTitle }}</div>
    </div>

  </div>
</template>

<script>
export default {
  name: '',
  components: {},
  data() {
    return {
      name:'',
      title:'',
      nameTitle:''
    }
  },

  methods: {
    link(){
      this.$router.push({
        name:this.name
      })
    }
  },

  computed: {},

  mounted() {
    let query = this.$route.query
    this.name = query.name
    this.title = query.title
    this.nameTitle = query.nameTitle
  },
}
</script>
<style lang='less' scoped>
.success {
  width: 100%;
  padding: 20px 0;
  //padding: 16% 0 30% 0;
  background-color: #EFF3EF;
  //display: flex;
  //align-items: center;
  //flex-direction: column;
  .width1200{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 660px;
    background-color: white;
    margin: 0 auto;
  }
  img {
    width: 145px;
    height: 145px;
  }

  .msg{
    font-size: 20px;
    font-family: PingFang SC-Medium-Regular, PingFang SC-Medium;
    font-weight: 400;
    color: #333333;
    line-height: 20px;
    margin: 43px 0 28px;
  }
  .point{
    cursor: pointer;
    font-size: 20px;
    font-family: PingFang SC-Medium-Regular, PingFang SC-Medium;
    font-weight: 400;
    color: #0F47B8;
    line-height: 20px;
  }
}
</style>